<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/style2.css">
  <link rel="stylesheet" href="css/style3.css">
  <link rel="stylesheet" href="css/style4.css">
  <link rel="stylesheet" href="css/style5.css">
  <link rel="stylesheet" href="css/style6.css">
  <title>Loading...</title>
</head>
<body>
  <div class="main-container">
    <div class="line-container">
      <div class="loading loading1">
        <svg class="load" width="300" height="300">
          <circle class="item" cx="150" cy="150" r=60></circle>
        </svg>
      </div>
      <div class="loading loading2">
        <div class="wrapper">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </div>
      <div class="loading loading3">
        <div class="wrapper">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </div>
    </div>
    <div class="line-container">
      <div class="loading loading4">
        <div class="item"></div>
      </div>
      <div class="loading loading5">
        <div class="wrapper">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
        </div>
      </div>
      <div class="loading loading6">
        <div class="item"></div>
      </div>
    </div>
  </div>
</body>
</html>